<template>
    <div class="login-container">
        <div class="login-weaper animated bounceInDown">
            <!-- <div class="login-left">
                <img class="img" src="/img/logo.jpg" alt />
                <p class="title">{{website.infoTitle}}</p>
                <p>©v1.0.0</p>
            </div> -->
            <div class="login-border">
                <div class="login-main">
                    <h1 style="color:#fff;text-align:center;margin-bottom:50px">{{website.infoTitle}}</h1>
                    <!-- <h1 style="color:#fff;text-align:center;margin-bottom:50px;font-size:15px">欢迎登录</h1> -->
                    <userLogin v-if="activeName==='user'"></userLogin>
                    <p>版本:v1.0.1</p>
                </div>
            </div>
        </div>
        
    </div>
</template>
<script>
import '@/styles/login.scss'
import userLogin from './userlogin'
import { mapGetters } from 'vuex'
export default {
    name: 'login',
    components: {
        userLogin
    },
    data() {
        return {
            activeName: 'user'
        }
    },
    computed: {
        ...mapGetters(['website'])
    }
}
</script>

